<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <title>杭州美卓-多功能局放仪 /超声波成像仪 /局放在线监测 /SF6气体监测方案生产商</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/js_z.js"></script>
    <link rel="stylesheet" type="text/css" href="css/thems.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c9d08b45c38995ade27133094e176186";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <link rel="stylesheet" href="css/contact.css">
    <link rel="stylesheet" href="css/submitForm.css">
    <script type="text/javascript"
        src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=ljA6NeO94RXOuNGV2zetBP5Fhy4C3BGI"></script>
</head>

<body>
    <!--头部-->
    <div class="r_top">
        <span>免费咨询电话：<b>0571-85159673
                / 13575788882</b></span>

    </div>
    <div class="head clearfix">
        <div class="logo"><a href="index.html"><img src="img/logo.jpeg" alt="杭州美卓自动化有限公司"></a></div>
        <div class="head_r">

            <div class="nav_m">
                <div class="n_icon">导航栏</div>
                <ul class="nav clearfix">
                    <li><a href="index.html">网站首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="product.html">产品系列</a></li>
                    <li><a href="service.html">解决方案</a></li>
                    <li><a href="news.html">公司动态</a></li>
                    <li class="now"><a href="contact.html">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部-->
    <!--幻灯片-->
    <div class="banner banner_s"><img src="img/banner_a.jpeg" alt=""></div>
    <!--幻灯片-->
    <div class="scd clearfix">
        <div class="scd_l">
            <div class="name"><img src="img/sn4.png" width="142" height="47" alt=""></div>
            <ul class="s_nav clearfix">
                <li class="now">
                    <a href="#"><span>联系方式</span></a>
                </li>
                <!-- <li>
                    <a href="#"><span>客户留言</span></a>
                </li> -->
            </ul>
        </div>
        <div class="scd_r">
            <div class="r_title">
                联系方式<span>/<em>Contact information</em></span>
            </div>
            <div class="scd_m">
                <div class="contact clearfix">
                    <h1>杭州美卓自动化技术有限公司</h1>
                    <dl class="clearfix">
                        <dt><img src="img/linkTipword.png" alt="" class="tipword"><a href="#"><img src="img/code.jpeg"
                                    alt="" style="object-fit: contain;"></a></dt>
                        <dd>
                            <p><img src="img/contactIcon1.png" alt="" class="img-icon"><span
                                    class="word-title">公司地址：</span>浙江省杭州市滨江区浦沿街道南环路3316号2幢302室</p>
                            <p><img src="img/contactIcon2.png" alt="" class="img-icon"><span
                                    class="word-title">联系方式：</span>0571-85159673</p>
                            <p><img src="img/contactIcon3.png" alt="" class="img-icon"><span
                                    class="word-title">公司邮箱：</span>hzmz@mzpower.com</p>
                            <p><img src="img/contactIcon4.png" alt="" class="img-icon"><span
                                    class="word-title">公司网址：</span>www.mzpower.com</p>
                        </dd>
                    </dl>
                    <div class="space_hx">&nbsp;</div>
                    <div class="map">
                        <div id="allmap"></div>
                    </div>
                </div>
            </div>

                <div class="messlist">
                    <label>姓名</label>
                    <input type="text" placeholder="姓名" id="input1" onblur="jieshou()" />
                    <div id="label0">*你还没填写名字呢!</div>
                    <div id="label1">√正确</div>
                    <div id="label2">×错误</div>
                    <div class="clears"></div>
                </div>


                <div class="messlist">
                    <label>电子邮件</label>
                    <input type="text" placeholder="电子邮件" id="input2" onblur="mailtext()" />
                    <div id="label3">√正确</div>
                    <div id="label4">×邮箱地址错误</div>
                    <div id="label5">*必填</div>
                    <div class="clears"></div>
                </div>
                <div class="messlist">
                    <label>手机号</label>
                    <input type="text" placeholder="手机号" id="input3" onblur="phonetext()" />
                    <div id="label6">√正确</div>
                    <div id="label7">×手机号码错误</div>
                    <div class="clears"></div>
                </div>
                <div class="messlist textareas">
                    <label>留言内容</label>
                    <textarea placeholder="说点什么吧..." id="input4" onblur="content()"></textarea>
                    <div id="label8">√</div>
                    <div id="label9">×</div>
                    <div id="label10">* 必填</div>
                    <div class="clears"></div>
                </div>
                <div class="messlist yzms">
                    <label>验证码</label>
                    <input type="text" placeholder="验证码" id="input5" />
                    <img src="img/verifyCode.jpg" width="64" height="27" class="yzmimg" />
                    <div class="clears"></div>
                </div>
                <div class="messsub">
                    <input type="submit" value="提交" onclick="send()" style="background:#00a3eb;color:#fff;" />
                    <input type="reset" value="重填" />
                </div>
            </form> -->
        </div>
    </div>
    <!-- 页脚占位符 -->
    <div id="footer-placeholder"></div>


    <script>
        // 百度地图API功能
        var map = new BMapGL.Map("allmap");
        var point = new BMapGL.Point(120.172019,30.184492);
        map.centerAndZoom(point, 15);
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
        map.addControl(scaleCtrl);
        var zoomCtrl = new BMapGL.ZoomControl();  // 添加比例尺控件
        var marker = new BMapGL.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        var opts = {
            width: 200,     // 信息窗口宽度
            height: 100,     // 信息窗口高度
            title: "杭州美卓自动化有限公司", // 信息窗口标题
            message: "电话:0571-85159673"
        }
        var infoWindow = new BMapGL.InfoWindow("地址：杭州滨江区南环路3316号2号楼3楼", opts);  // 创建信息窗口对象 
        marker.addEventListener("click", function () {
            map.openInfoWindow(infoWindow, point); //开启信息窗口
        });
    </script>
    <!-- 加载页脚组件 -->
    <script>
        $.get('includes/footer-component.html', function(data) {
            $('#footer-placeholder').html(data);
        }).fail(function() {
            console.warn('无法加载页脚组件');
        });
    </script>

    <!-- 统计代码 -->
    <script async src="https://0199a2af-6c56-7918-afd6-e4d71e273363.spst2.com/ustat.js"></script>
    <script>
        function send() {
            var name = document.getElementById("input1").value;
            var mail = document.getElementById("input2").value;
            var phone = document.getElementById("input3").value;
            var content = document.getElementById("input4").value;
            var code = document.getElementById("input5").value;
            if (name == "") {
                label2.style.display = 'none';
                label1.style.display = 'none';
                label0.style.display = 'block';;
                return false;
            }
            if (mail == "") {
                label3.style.display = 'none';
                label4.style.display = 'none';
                label5.style.display = 'block';;
                return false;
            }

            if (content == "") {
                label8.style.display = 'none';
                label9.style.display = 'none';
                label10.style.display = 'block'; //*必填
                return false;
            }
            if (code == "") {
                alert('请填写验证码！');
                return false;
            }
            else {
                alert('信息已发送到站长邮箱，感谢您的支持！');
            }



        }
    </script>
    <script>
        function jieshou() {
            var label1 = document.getElementById("label1");
            var label2 = document.getElementById("label2");
            var nametext = document.getElementById("input1").value;
            if (nametext != "") {
                label0.style.display = 'none';
                label1.style.display = 'block';
                label2.style.display = 'none';
            }
            else {
                label0.style.display = 'block';
                label1.style.display = 'none';
                label2.style.display = 'none';
            }

        }
    </script>

    <script>
        function mailtext() {
            var mailvalue = document.getElementById("input2").value;
            var mailtext = document.getElementById("input2");
            var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
            if (mailvalue != "") { //邮箱如果非空 显示正确
                label5.style.display = 'none';
                label3.style.display = 'block';//显示正确
                label4.style.display = 'none';
            }
            else {
                label5.style.display = 'block';//显示*必填
                label3.style.display = 'none';
                label4.style.display = 'none';
                return false;
            }
            //上面为一段


            if (!myreg.test(mailvalue)) {  //既而 正则表达式 验证邮箱 如果不是邮箱地址label4显示出来
                label3.style.display = 'none';
                label4.style.display = 'block'; //*邮箱地址错误
                return false;
            }
            else {
                label3.style.display = 'block';
                label5.style.display = 'none';
                label4.style.display = 'none';
            }
            //上面为一段

        }
    </script>

    <script>
        function phonetext() {
            var phonetext = document.getElementById("input3").value;
            if (!(/^1[3|4|5|7|8]\d{9}$/.test(phonetext))) {
                label6.style.display = 'none';
                label7.style.display = 'block'; //*手机号码错误
                return false;
            }
            else {
                label6.style.display = 'block';
                label7.style.display = 'none';
            }
        }

    </script>

    </script>

    <script>
        function content() {
            var content = document.getElementById("input4").value;
            if (content != "") {
                label8.style.display = 'block';
                label9.style.display = 'none';
                label10.style.display = 'none'; //*必填
                return false;
            }
            else {
                label8.style.display = 'none';
                label9.style.display = 'none';
                label10.style.display = 'block';
            }

        }

    </script>
</body>

</html>